<template>
  <div class="home">
    <header>
      <ul>
        <li><img :src="userImg" alt=""></li>
        <li>
          <ol>
            <li><span>昵称</span><span></span></li>
            <li><span>客户姓名</span><span></span></li>
            <li><span>江西联通X星级用户</span><span></span></li>
          </ol>
        </li>
      </ul>
      <p><span></span><span>18000000000</span><span></span><span>宽带未绑定</span></p>
    </header>
  </div>
</template>
<script>
export default {
  data() {
    return {
      userImg: require('@/assets/img/user.png')
    }
  }, methods: {
    name() {

    }
  },
}
</script>

<style lang="less" scoped>
.home {
  header {
    width: 640px;
    height: 318px;
    background: linear-gradient(to right, #fd6041, #ffa856);
    ul {
      display: flex;
      justify-content: space-between;
      > li:nth-child(1) {
        img {
          width: 140px;
          height: 140px;
          border-radius: 50%;
          border: 3px solid #fff;
          background: #000;
        }
      }
    }
  }
}
</style>
